<div th:fragment="pageFragment">
<ul class="pagination pagination-sm no-margin pull-right">
			<li><a class="first">首页</a></li>
			<li><a class="pre">上一页</a></li>
			<li><a class="next">下一页</a></li>
			<li><a class="last">尾页</a></li>
			<li><a class="rowCount">总记录数(0)</a></li>
			<li><a class="pageCount">总页数(0)</a></li>
			<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
   //初始化分页信息
   function doSetPagination(pageObject){
	   console.log("pageObject",pageObject);
	   //1.初始化总记录数
	   $(".rowCount").html("总记录数("+pageObject.rowCount+")");
	   //2.初始化总页数
	   $(".pageCount").html("总页数("+pageObject.pageCount+")");
	   //3.初始化当前页
	   //基于Jquery框架实现
	   $(".pageCurrent").html("当前页("+pageObject.pageCurrent+")");
	   //原生的JS方式实现
	   //document.querySelector(".pageCurrent").innerHTML=`当前页(${pageObject.pageCurrent})`;  
       
	   //存储当前页码值和总页数
	   //data函数为jquery中的一个数据存储函数,每个dom对象都有一个这样的函数。
	   //data函数语法:data(key[,value]),key和value由自己指定
	   //data函数只有key时表示取值，既有key,又有value表示存储值
	   $("#pageId").data("pageCurrent",pageObject.pageCurrent);
	   $("#pageId").data("pageCount",pageObject.pageCount);
   
   }
  // $(function(){
	   //on函数用于在指定html元素上注册事件，当点击html元素内部的子元素时可以触发事件处理
	   //$(".pagination").on("click",".first,.last,.pre,.next",doJumpToPage);
	   $("#pageId").on("click",".first,.last,.pre,.next",doJumpToPage);
   //})
   function doJumpToPage(){
	   //1.获取被点击对象的class属性的值？(为什么)
	   //1.1获取被点击对象。
	   var clickObj=$(this);
	   //1.2获取被点击对象的class属性的值?(使用什么方法获取)
	   //pro为jquery中的一个获取属性值的函数，其语法为prop(propertyName[,propertyValue]);
	   //prop函数中假如只有propertyName则表示取值
	   //prop函数中假如有propertyName和propertyValue则表示为属性赋值,例如prop("class","first")
	   var cls=clickObj.prop("class");//prop为property单词缩写
	   console.log("cls",cls);
	   //2.基于class属性的值，执行pageCurrent的更新。
	   
	   //2.1获取pageCurrent，pageCount的当前值.
	    var pageCurrent=$("#pageId").data("pageCurrent");//只有key表示取值
	    var pageCount=$("#pageId").data("pageCount");
	    console.log("pageCurrent",pageCurrent);
	    console.log("pageCount",pageCount);
	   //2.2基于条件修改pageCurrent的值
	   if(cls=="first"){//首页
		   pageCurrent=1
	   }else if(cls=="pre"&&pageCurrent>1){//上一页
		   pageCurrent--;
	   }else if(cls=="next"&&pageCurrent<pageCount){//下一页
		   pageCurrent++;
	   }else if(cls=="last"){//最后一页
		   pageCurrent=pageCount;
	   }else{
		   return;
	   }
	   console.log("pageCurrent",pageCurrent);
	   //3.基于新的pageCurrent值执行新的查询。
	   //3.1存储新的pageCurrent的值。
	   $("#pageId").data("pageCurrent",pageCurrent);
	   //3.3调用JS函数执行查询
	   doGetObjects();
   }
</script>
</div>








